<%@ page language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Accordion - Collapse content</title>
	<link rel="stylesheet" href="css/themes/base/jquery.ui.all.css">
	<script src="lib/jquery-1.7.1.js"></script>
	<script src="lib/ui/jquery.ui.core.js"></script>
	<script src="lib/ui/jquery.ui.widget.js"></script>
	<script src="lib/ui/jquery.ui.accordion.js"></script>
	 <link rel="stylesheet" href="css/demos.css"> 

	<style>
		* { padding: 0; margin: 0; }
		body {
		 font-family: Arial, Helvetica, sans-serif;
		 font-size: 13px;
		}
		
		#wrapper { 
		 margin: 0 auto;
		 width: 922px;
		
		}
		#header {
		 color: #333;
		 width: 900px;
		 float: left;
		 padding: 10px;
		 border: 1px solid #ccc;
		 height: 100px;
		 margin: 10px 0px 5px 0px;
		 background: #BD9C8C;
		}
		#leftcolumn { 
		 color: #333;
		 border: 1px solid #ccc;
		 background: #E7DBD5;
		 margin: 0px 5px 5px 0px;
		 padding: 10px;
		 height: 350px;
		 width: 195px;
		 float: left;
		}
		#rightcolumn { 
		 float: right;
		 color: #333;
		 border: 1px solid #ccc;
		 background: #F2F2E6;
		 margin: 0px 0px 5px 0px;
		 padding: 10px;
		 height: 350px;
		 width: 678px;
		 display: inline;
		}
		#footer { 
		 width: 900px;
		 clear: both;
		 color: #333;
		 border: 1px solid #ccc;
		 background: #BD9C8C;
		 margin: 0px 0px 10px 0px;
		 padding: 10px;
		}	
	</style>

	<script>
	$(function() {
		$( "#accordion" ).accordion({
			collapsible: true
		});
	});
	</script>
</head>
<body>




<div id="wrapper">
     <div id="header">
		       This is the Header		 
	 </div>

	<div id="leftcolumn">
		<div id="accordion">
		<jsp:include page="ContenidoMenu/MenuAcordeonItem1.jsp"/>
		<jsp:include page="ContenidoMenu/MenuAcordeonItem2.jsp"/>
		<jsp:include page="ContenidoMenu/MenuAcordeonItem3.jsp"/>
		</div>
	</div>
	
	<div id="rightcolumn">
	          <a href="#">Download this CSS Layout</a>		 
	</div>

</div>



</body>
</html>
